@prefix: ~'adm-calendar';

.calendar-custom {
  .@{prefix}-cell {
    justify-content: center;
    height: 42px;

    &-bottom {
      display: none;
    }

    &.@{prefix}-cell-selected.@{prefix}-cell.@{prefix}-cell-selected {
      background: rgba(229, 242, 250, 1);

      .@{prefix}-cell-top {
        height: 42px;
        width: 42px;
        border-radius: 99px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(229, 242, 250, 1);
        color: var(--adm-color-primary);
      }

      &.@{prefix}-cell-selected-begin {
        background: linear-gradient(
          to right,
          var(--adm-color-white) 50%,
          #e5f2fa 51%,
          #e5f2fa
        );

        .@{prefix}-cell-top {
          height: 42px;
          width: 42px;
          border-radius: 99px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: var(--adm-color-primary);
          color: var(--adm-color-white);
        }

        &.@{prefix}-cell-selected-row-end {
          background: transparent;
        }
      }

      &.@{prefix}-cell-selected-begin.@{prefix}-cell-selected-end {
        background: var(--adm-color-white);
      }

      &.@{prefix}-cell-selected-end {
        background: linear-gradient(
          to right,
          #e5f2fa 50%,
          var(--adm-color-white) 51%,
          var(--adm-color-white)
        );

        .@{prefix}-cell-top {
          height: 42px;
          width: 42px;
          border-radius: 99px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: rgb(255, 48, 84);
          color: var(--adm-color-white);
        }

        &.@{prefix}-cell-selected-row-start {
          background: transparent;
        }
      }

      &.@{prefix}-cell-selected-row-begin {
        border-top-left-radius: 99px;
        border-bottom-left-radius: 99px;
      }

      &.@{prefix}-cell-selected-row-end {
        border-top-right-radius: 99px;
        border-bottom-right-radius: 99px;
      }
    }
  }
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {
  height: 0rem;
}

.adm-calendar-mark-cell:nth-child(1) {
  color: red;
}

.adm-calendar-mark-cell:nth-child(7) {
  color: red;
}
